/* 公共style */
@import url("iconfont/iconfont.css");
.iconfont {
	font-family: "iconfont-guangming" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
* {
	box-sizing: border-box;
}
body, img, ul, ol, li, dl, dt, dd,form,p,div,span,a,em,i,b,input, button, tt, select ,textarea {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	outline: 0;
	font-family: "Microsoft YaHei";
}
body {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;    
	overflow: hidden;
    overflow-x: auto;
	background-color: #f0f3f4;
}
a {
	text-decoration: none;
}
a:active, a:hover,a:focus {
	outline: 0;
 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  	-webkit-tap-highlight-color: transparent;
}
.red {
	color: red;
}
.green {
	color: green;
}
.yellow {
	color: yellow;
}
.blue {
	color: blue;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.tal{
	text-align: left;
}
.tac{
	text-align: center;
}
.tar{
	text-align: right;
}
.curp{
	cursor: pointer;
}
.hide{
	display: none;
}
.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.clearfix:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.clearfix {
	*zoom:1;
}
/*空白遮罩*/
.whiteboard {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	z-index: 1001;
}
/*弹窗提示*/
.cover {
	position: fixed;
	left: 0;
	top: 0;
	display: table;
	width: 100%;
	height: 100%;
	background-color: rgba(28,43,54,0.38);
	z-index: 10000;
}
.cover .ctr {
	display: table-cell;
	vertical-align: middle;
}
.cover .window {
	display: table;
	margin: 0 auto;
	max-width: 600px;
	min-width: 360px;
	padding: 40px 40px 20px 40px;
	border-radius: 4px;
	background-color: #fff;
	text-align: center;
}
.cover .window .con {
	color: #42535d;
	line-height: 26px;
	font-size: 18px;
	margin-bottom: 40px;
}
input.hide{
	display: none!important;
}
.pointer{
    cursor: pointer;
}
.toastBox {
	position: absolute;
	top: 100px;
	width: 100%;
	pointer-events: none;
	text-align: center;
	z-index:9999;
}
.toastBox .toasts {
	position: absolute;
	left: 30px;
	right: 30px;
	animation: toast both .5s;
}
.toastBox .toast {
	display: inline-block;
	padding: 0 30px;
	height: 50px;
	line-height: 50px;
	background-color: rgba(28, 43, 54, 0.58);
	color: #fff;
	border-radius: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.vtr {
	display: table-cell;
	vertical-align: middle;
}
/*菜单插件css*/
.ly_menu {
	position: relative;
}
.ly_menu .iconfont {
	font-size: 12px;
	margin-left: 5px;
	vertical-align: middle;
}
.ly_menu .sub {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	border: 1px solid #dee5e7;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: #fff;
	z-index: 1;
}
.ly_menu:hover .sub {
	display: block;
}
.ly_menu .sub a {
	display: block;
	padding: 0 5px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #363f44;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ly_menu .sub a:hover {
	background-color: #f6f8f8;
}
.ly_menu .sub .line {
	display: block;
	height: 1px;
	border-bottom: 1px solid #efefef;
}
.loading {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(16,16,16,0.41);
	z-index: 1002;
	overflow: hidden;
}
.loading .spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	width: 60px;
	height: 60px;
}
.loading .double-bounce1, .loading .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #42FF00;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2.0s infinite ease-in-out;
	animation: bounce 2.0s infinite ease-in-out;
}
.loading .double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
	background-color: #F02E52;
}
.loading .texter {
	position: absolute;
	width: 800px;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: 40px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.btn {
	display: inline-block;
	padding: 0 20px;
	height: 34px;
	line-height: 34px;
	background-color: #e1e5ec;
	border-radius: 2px;
	color: #8d8d8d;
	cursor: pointer;
	font-size: 16px;
	vertical-align: middle;
}
.btn.red {
	background-color: #fb3c41;
	color: #fff;
}
.btn.yellow {
	background-color: #fb8319;
	color: #fff;
}
.btn.text{
	padding: 0 10px;
	background: none;
	color: #747474;
	text-decoration: underline;
	font-size: 14px;
}
.tname{
	float: left;
	display: block;
	color: #747474;
	font-size: 14px;
	height: 34px;
	line-height: 34px;
}
.btn:hover {
	background: #dfdfdf;
}
.btn.red:hover {
	background-color: #DF1218;
}
.btn.yellow:hover {
	background-color: #F37100;
}
.btn.text:hover {
	background-color: transparent;
	color: #f60;
}
.btn.blue:hover{
	background-color:rgba(43,120,248,.8);
}
.btn.green:hover{
	background-color:rgb(0,140,30);
}
.btn.green{
	color:#fff;
	background-color:#009e0f;
}
.btn:disabled {
	background-color: #dfdfdf !important;
	color: #ccc;
	text-shadow: 1px 1px 0 #fff;
	cursor: default;
}
.addbtn,.addupload_btn,.shouldnotbe{
	display: inline-block;
	height: 34px;
	font-size: 14px;
	color: #606e77;
	line-height: 34px;
	cursor: pointer;
	background-color:transparent;
}
.addbtn:disabled{
	cursor: default;
}
.addbtn:before,.addupload_btn:before,.shouldnotbe:before{
	font-family: "iconfont-guangming" !important;
	content:'\e667';
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-right: 8px;
	font-size: 15px;
	color: #fff;
	line-height: 26px;
	text-align: center;
	background-color:#f37751;
	border-radius:50%;
}
.btnlist {
	position: relative;
	display: inline-block;
	height: 34px;
	line-height: 34px;
	background-color: #e1e5ec;
	color: #8d8d8d;
	border-radius: 2px;
}
.btnlist .slt {
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 34px;
	text-align: center;
	border-left: 1px solid rgba(0,0,0,.2);
	line-height: 34px;
	color: #fff;
	border-radius: 0 2px 2px 0;
	cursor: pointer;
}
.btnlist button,
.btnlist a {
	margin-right: 34px;
	width: 100%;
	display: block;
	padding: 0 34px 0 0;
	height: 34px;
	border-radius: 2px;
	text-align: center;
}
.btnlist .slt:after {
	content: "\e74a";
	font-family: "iconfont-guangming";
	font-size: 20px;
}
.btnlist button.fz16{
	font-size: 16px;
}
.btnlist.yellow, .btnlist.yellow button,
.btnlist.yellow a {
	background-color: #fb8319;
	color: #fff;
	cursor: pointer;
}
.btnlist.yellow button:hover, .btnlist.yellow .slt:hover,
.btnlist.yellow a:hover {
	background-color: #F37100;
}
.btnlist.green, .btnlist.green button,
.btnlist.green a {
	color:#fff;
	background-color:#009e0f;
	cursor: pointer;
}
.btnlist.green button:hover, .btnlist.green .slt:hover,
.btnlist.green a:hover {
	background-color:rgb(0,140,30);
}
.btnlist.yellow .slt {
	background-color: #fb8319;
	color: #fff;
	font-size: 12px;
}
.btnlist.red, .btnlist.red button ,
.btnlist.red a {
	background-color: #fb3c41;
	color: #fff;
	cursor: pointer;
}
.btnlist.red .slt {
	background-color: #fb3c41;
	color: #fff;
	font-size: 12px;
}
.btnlist.red button:hover, .btnlist.red .slt:hover,
.btnlist.red a:hover {
	background-color: #DF1218;
}
.btnlist .btnbox {
	position: absolute;
	width: 100%;
	height: 0;
	overflow: hidden;
	border: 1px solid #ececec;
	z-index: 66;
}
.btnlist .btnbox button,
.btnlist .btnbox a {
	position: relative;
	display: block;
	cursor: pointer;
	padding: 0 15px;
	width: 100%;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	background-color: #fff;
	color: #363f44;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.btnlist .btnbox button:hover,
.btnlist .btnbox a:hover{
	background-color: #f6f8f8;
}
.tips {
	position: relative;
	padding: 10px 20px;
	line-height: 24px;
	font-size: 14px;
	background-color: #E6F4FE;
	color: #3da9f5;
	overflow: hidden;
}
.tips .cls {
	position: absolute;
	right: 20px;
	top: 5px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
}
.tips .cls .iconfont {
	font-size: 12px;
	color: #B3B2B1;
}
.tips .cls:hover {
	background-color: #f60;
}
.tips .cls:hover .iconfont {
	color: #fff;
}
.tips.waring {
	background-color: #FFF0E3;
	color: #fb8319;
}
.tips.error {
	background-color: #FEE6E6;
	color: #fb3c41;
}
.tips.success {
	background-color: #EAF6EC;
	color: #5fb870;
}
.tips .timer {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 2px;
	background-color: #3da9f5;
}
.tips.waring .timer {
	background-color: #fb8319;
}
.tips.error .timer {
	background-color: #fb3c41;
}
.tips.success .timer {
	background-color: #5fb870;
}
.point {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	padding: 10px 15px;
	margin-left: 10px;
	margin-right: -300px;
	max-width: 300px;
	border: 1px solid #dee5e7;
	border-radius: 2px;
	z-index: 999;
	background-color: #ffffff;
	box-shadow: 0px 2px 5px rgba(69, 73, 75, 0.10);
	color: #3b596c;
	font-size: 14px;
	line-height: 24px;
}
.point.left {
	left: auto;
	right: 100%;
	margin-right: 10px;
	margin-left: -300px;
}
.point:after {
	content: "";
	display: block;
	position: absolute;
	left: -6px;
	top: 14px;
	width: 6px;
	height: 9px;
	background: url(../img/point-left.png);
}
.point.left:after {
	left: auto;
	right: -6px;
	background: url(../img/point.png);
}
.point.bottom:after {
	top: auto;
	bottom: 10px;
}
.row {
	display: block;
}
.row:after {
	pointer-events: none;
	content: "";
	display: block;
	clear: both;
}
[class*="col-"]{
	position: relative;
	float: left;
}
table [class*="col-"]{
	float: none;
}
.col-1 {
	width: 8.33333%;
}
.col-1b {
	width: 12.44444%;
}
.col-2 {
	width: 16.66667%;
}
.col-3 {
	width: 25%;
}
.col-4 {
	width: 33.33333%;
}
.col-5 {
	width: 41.66667%;
}
.col-6 {
	width: 50%;
}
.col-7 {
	width: 58.33333%;
}
.col-8 {
	width: 66.66667%;
}
.col-9 {
	width: 75%;
}
.col-10 {
	width: 83.33333%;
}
.col-11 {
	width: 91.66667%;
}
.col-12 {
	float: none;
}
.w45{
	float: left;
	width: 47%;
}
.w45 .ipt{
	width: 100%;
}
.w10{
	float: left;
	width: 6%;
	color: #42535d;
    font-size: 14px;
	line-height:34px;
    text-align: center;
}
.dateto {
	color: #747474;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
}
.ipt {
	padding: 0 10px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #c2cad8;
	vertical-align: middle;
	font-size: 14px;
	color: #000;
}
.ipt:disabled,
.ipt.dis {
	background-color: #f6f8f8;
	border-color: #c2cad8;
	color: #aab8b8;
}
.ipt.dm {
	position: relative;
}
.ipt.dm .mm,
.ipt.xm .mm{
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 34px;
	height: 32px;
	font-family: "iconfont-guangming";
	font-size: 22px;
	text-align: center;
	line-height: 34px;
	color: #747474 !important;
	cursor: pointer;
	background-color: #edf1f2;
}
.ipt.dm .mm:hover,
.ipt.xm .mm:hover {
	background-color: #EEF3FB;
}
.ipt.dm .mm:after {
	content: "\e74a";
}
.ipt.xm .mm:after {
	content: "\e741";
}
.txa {
	padding:10px;
	height: 120px;
	border: 1px solid #c2cad8;
	vertical-align: middle;
	color: #000;
	font-size: 14px;
}
.txa:disabled {
	background-color: #f6f8f8;
	border-color: #c2cad8;
	color: #aab8b8;
}
.set{
	padding:5px 10px;
	padding-bottom: 6px;
	vertical-align: middle;
	color: #000;
	font-size: 14px;
	border: 1px solid #c2cad8;
}
.set:disabled,.set .disabled {
	background-color: #f6f8f8;
	border-color: #c2cad8;
	color: #aab8b8;
}
.set .disabled {
	color: #aab8b8;
}
 [class*="col-"] > .ipt,
 [class*="col-"] > .txa,
 [class*="col-"] > .set{
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	margin: 0;
}
.ipt.keword {
	width: 210px;
}
.ipt + span {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	font-family: "iconfont-guangming";
	color: #b5b5b5;
	font-size: 18px;
	pointer-events: none;
}
.ipt + span.date:after {
	content: "\e603";
}
.ipt + span.time:after {
	content: "\e6df";
}
.ipt + span.address:after {
	content: "\e6ec";
}
 span.unit+.ipt {
 	padding-right: 34px!important;
}
span.unit {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
	padding: 0;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-family: "iconfont-guangming";
    color: #b5b5b5;
	font-size: 16px;
    pointer-events: none;
}
/*checkbox/radio*/
.chk,
.rad {
	display: inline-block;
	margin-right: 5px;
	color: #747474;
	font-size: 16px;
	cursor: pointer;
	line-height: 34px;
	vertical-align: middle;
}
.chk input[type=checkbox],
.rad input[type=radio]{
	position: absolute;
	left: -10000px;
	display: none;
}
.chk b,
.rad b{
	display: inline-block;
	line-height: 24px;
	vertical-align: middle;
	overflow: hidden;
	color: #5fb870;
	font-size: 30px;
	font-weight: 400;
	margin-top: -3px;
}
.chk b:after {
	content: "\e62a";
	font-family: "iconfont-guangming";
	font-size: 30px;
	font-weight: 700;
}
.rad b:after {
	content: "\e623";
	font-family: "iconfont-guangming";
	font-size: 30px;
}
.chk input[type=checkbox]:checked + b,
.rad input[type=radio]:checked + b {
	color: #5fb870;
}
.chk input[type=checkbox]:checked + b:after{
	content: "\e61d";
	font-weight: 400;
}
.rad input[type=radio]:checked + b:after{
	content: "\e628";
}
.chk.all {
	line-height: 30px;
}
.chk.all b {
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.chk.all b:after {
	font-size: 34px;
}
.chk input:disabled + b,
.rad input:disabled + b {
	color: #b7b7b7 !important;
	cursor: no-drop;
}
.chk input[type=checkbox]:disabled:checked + b,
.rad input[type=radio]:disabled:checked + b {
	color: #b7b7b7 !important;
	cursor: no-drop;
}
.ml135 {
	margin-left: 135px;
}
.mL15 {
	margin-left: 15px;
}
.ml20{
	margin-left: 20px!important;
}
.wa,
.form .wa{
	width: auto;
}
/*table样式*/
.datalist {
	border-top: 1px solid #dee5e7;
}
.dataview{
	border-top-width: 0;
}
.datalist table {
	width: 100%;
	table-layout: fixed;
}
.datalist th {
	height: 45px;
	line-height: 20px;
	color: #acb7ba;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
}
.datalist th, .datalist td {
	cursor: default;
}
.datalist th.w70 {
	width: 70px;
	text-align: center;
}
.datalist td.w70 {
	width: 70px;
	text-align: center;
}
.datalist td.nodata {
	text-align: center;
	font-size: 20px;
	padding: 50px 0;
}
.datalist tr {
	height: 50px;
	font-size: 14px;
	color: #606e77;
}
.datalist tr:nth-child(2n) {
	background-color: #f7f8f8;
}
.datalist tr:hover td {
	background-color: #fb3c41;
	color: #fff;
}
.datalist tr:hover td.nodata {
	background-color: #f7f8f8;
	color: #606e77;
}
.datalist.dataview tr:hover td {
	background-color:transparent;
	color: #606e77;
}
.datalist tr:hover td .operation span:after,
.datalist tr:hover td .operation em:after{
	color: #fff !important;
}
.datalist tr.self {
	height: 50px;
	line-height: 24px;
	background-color: #f7f8f8;
	font-size: 16px;
	color: #606e77 !important;
}
.datalist tr.self td {
	background-color: #f7f8f8 !important;
	color: #606e77 !important;
}
.datalist td a{
	color: #606e77 !important;
}
.datalist td  img{
	vertical-align: middle;
}
.datalist  td a.cursor {
	margin-left: 8px;
	color: #2b78e4!important;
	cursor: pointer;
}
.datalist  td label.next-btn {
	margin-left: 8px;
	color: #adadad!important;
	cursor: pointer;
}
.datalist tr:hover label.next-btn {
	color: #fff!important;
}
.datalist .back {
	color :#FB3C41;
	font-size: 24px;
	font-family: "iconfont-guangming";
	padding-left: 2px;
	cursor: pointer;
}
.datalist .back:after {
	content: "\e739";
}
.datalist .back:hover {
	color: #f60;
}
.datalist th.tcenter {
	text-align: center;
}
.datalist tr.self td {
	border-bottom: 3px solid #ececec;
}
.under {
	margin-right: 10px;
}
.datalist td .operation {
	position: relative;
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}
.datalist td .operation em {
	display: block;
	margin-top: -20px;
	margin-left: -10px;
	margin-right: -10px;
	height: 50px;
	line-height: 50px;
}
.datalist tr.self:hover .operation em:after {
	color: #fb3c41 !important;
}
.datalist td .operation em:after {
	content: "\e711";
	width: 100%;
	font-size: 24px;
	color: #BCBCBC;
	font-family: "iconfont-guangming";
	text-align: center;
}
.operation .operlist {
	display: none;
	position: absolute;
	right: 100%;
	top: 2px;
	margin-left: -289px;
	height: auto;
	background-color: #fff;
	white-space: nowrap;
	text-align: left;
	border: 1px solid #e7e7e7;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.operation .operlist:after {
	content: "";
	display: block;
	position: absolute;
	right: -5px;
	top: 10px;
	width: 6px;
	height: 9px;
	background: url(../img/point.png);
	z-index: 111;
}
.operation .operlist ul:after {
	content: "";
	display: block;
	clear: both;
}
.operation .operlist li {
	position: relative;
	display: block;
	float: left;
	margin-bottom: -1px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	font-family: "iconfont-guangming";
	font-size: 22px;
	color: #afafaf !important;
	text-align: center;
}
.operation .operlist li:nth-child(6n), .operation .operlist li:last-child {
	margin-right: -1px;
}
.operation .operlist li.add:after {
	content: "\e601";
}
.operation .operlist li.recover:after {
	content: "\e739";
}
.operation .operlist li.view:after {
	content: "\e60e";
	font-size: 28px;
}
.operation .operlist li.del:after {
	content: "\e626";
}
.operation .operlist li.edit:after {
	content: "\e6e5";
}
.operation .operlist li.more:after {
	content: "\ebf3";
}
.operation .operlist li.senior:after {
	content: "\e6e3";
}
.operation .operlist li.enable:after {
	content:"\e60b"
}
.operation .operlist li.disable:after {
	content: "\e637"
}
/*历史*/
.operation .operlist li.history:after {
	content: "\e710";
}
/*通过*/
.operation .operlist li.pass:after {
	content: "\e61b";
}
/*不通过*/
.operation .operlist li.nopass:after {
	content: "\e64b";
}
/*上报*/
.operation .operlist li.report:after {
	content: "\e60a";
}
/*撤回*/
.operation .operlist li.revoke:after {
	content: "\e739";
}
/*退回*/
.operation .operlist li.return:after {
	content: "\e664";
}
/*开始活动*/
.operation .operlist li.start-activity:after {
	content: "\e83c";
}
/*结束活动*/
.operation .operlist li.end-activity:after {
	content: "\ea3d";
}
/*报名管理*/
.operation .operlist li.registr-man:after {
	content: "\ec5d";
}
/*更新进度*/
.operation .operlist li.update:after {
	content: "\e892";
}
/*结项*/
.operation .operlist li.knotitem:after {
	content: "\eba5";
}
/*上架*/
.operation .operlist li.shelves:after {
	content: "\e62e";
}
/*下架*/
.operation .operlist li.offshelf:after {
	content: "\e62f";
}
/*领导*/
.operation .operlist li.leader:after {
	content: "\e73f";
}
/*离任*/
.operation .operlist li.leave:after {
	content: "\e6e6";
}
/*设置规则*/
.operation .operlist li.setrules:after {
	content: "\ecf9";
}
/*复制为考试*/
.operation .operlist li.copyasexam:after {
	content: "\e62c";
}
/*复制为角色*/
.operation .operlist li.copyasrole:after {
	content: "\e6e1";
}
/*相关党组织*/
.operation .operlist li.repartyorg:after {
	content: "\e682";
}
/*进入考试*/
.operation .operlist li.ogoto:after {
	content: "\e893";
}
/*发布*/
.operation .operlist li.putout:after {
	content: "\e777";
}
/*重置*/
.operation .operlist li.reset:after {
    content: "\e607";
}
.operation .operlist li:hover {
	color: #FB3C41 !important;
}
.operation .menulist {
	position: absolute;
	top: 100%;
	right: 0;
	display: none;
	width: auto;
	background-color: #fff;
	border:1px solid #ececec;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.2);
	z-index: 8888;
}
.operation .operlist li:hover .menulist {
	display: block;
}
.operation .menulist a,
.operation .menulist span {
	display: block;
	text-align: left;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #2D363B;
	font-family: "microsoft yahei";
}
.operation .menulist a:hover,
.operation .menulist span:hover {
	background-color: #efefef;
}
.datalist tr:nth-last-child(-n+3) .menulist {
	top: auto;
	bottom: 100%;
	box-shadow: 0 -5px 5px 0 rgba(0,0,0,.2);
}
.datafooter {
	height: 70px;
	line-height: 70px;
	padding: 0 20px 0 8px;
}
.pager {
	float: right;
}
.pager .fl {
	color: #626262;
	font-size: 14px;
}
.pager .fl span {
	color: #ff001e;
	margin: 0 5px;
}
.pager .pageSize {
	position: relative;
	cursor: pointer;
}
.pager .pageSize:after {
	content: "\e60f";
	font-family: "iconfont-guangming";
	font-size: 18px;
	color: #363F44;
	vertical-align: middle;
}
.pager .pageSize .size {
	display: none;
	position: absolute;
	bottom: 100%;
	left: -50px;
	width: 211px;
	border: 1px solid #ddd;
	border-top: 0;
	background-color: #fff;
}
.pager .pageSize .size em {
	display: block;
	font-style: normal;
	float: left;
	width: 71px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ddd;
	margin: 0 0 -1px -1px;
	color: #333;
}
.pager .pageSize .size em i {
	font-style: normal;
}
.pager .pageSize .size em:hover {
	background-color: #efefef;
}
.pager .pageSize .size em:nth-child(3n) {
	margin-right: -1px;
}
.pager .pageSize:hover .size {
	display: block;
}
.pager .fr {
	font-size: 0;
	margin-left: 30px;
}
.pager button {
	display: inline-block;
	padding: 0 10px;
	margin-right: -1px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #ddd;
	vertical-align: middle;
	font-size: 14px;
	font-family: "iconfont-guangming";
	color: #eb4549;
	background-color: #fff;
	cursor: pointer;
}
.pager button:hover {
	color: #fff;
	border-color: #eb4549;
	background-color: #eb4549;
}
.pager button:disabled {
	color: #a2a2a4;
	background-color: transparent;
	border-color: #ddd;
}
.pager .first:after {
	content: "\e9ba";
}
.pager .last:after {
	content: "\e9bb";
}
.pager .prev:after {
	content: "\e9be";
}
.pager .next:after {
	content: "\e9bf";
}
.pager a:link:hover, .pager a:visited:hover {
	background-color: #efefef;
}
.advanced {
	padding: 20px 0;
	padding-top: 0;
}
.advanced label {
	display: block;
	height: 34px;
	line-height: 34px;
	color: #42535d;
	font-size: 14px;
	text-align: right;
}
.advanced .row {
	margin-bottom: 10px;
}
.advanced .label {
	float: left;
	width: 110px;
	height: 34px;
	line-height: 34px;
	color: #42535d;
	font-size: 14px;
	text-align: right;
}
.advanced .w175,
.search .w175{
	width: 175px;
}
.advanced .w40,
.search .w40,
#setTimeEnter .w40{
	width:40px;
	height: 34px;
    line-height: 34px;
    color: #747474;
    font-size: 14px;
}
.advanced .ipt{
	width:100%;
}
.advanced .screen {
	overflow: hidden;
}
.advanced .screen li {
	display: inline-block;
}
.advanced .screen li label {
	display: inline-block;
	margin: 0 10px 0 0;
	height: 29px;
	line-height: 29px;
	color: #747474;
	font-size: 14px;
	border-radius: 2px;
	vertical-align: middle;
}
.advanced .screen li label b {
	display: block;
	padding: 0 15px;
	height: 29px;
	line-height: 29px;
	border-radius: 2px;
	font-weight: 400;
	cursor: pointer;
}

.advanced .screen li label input {
	position: absolute;
	left: -10000px;
}
.advanced .screen li label input:checked + b {
	background-color: #fb3c41;
	color: #fff;
}
.advanced .screen li label input:disabled + b {
	color: #B4B4B4;
}
.advanced .screen li label b:hover {
	background-color: #efefef;
}
.advanced .row {
	height: auto;
}
.addselector {
	position: absolute;
	margin-right: -300px;
	bottom: 100%;
	height: 324px;
	background-color: #fff;
	display: none;
	z-index: 999;
}
.addselector .t {
	position: relative;
	padding: 0 15px;
	height: 34px;
	background-color: #1c2b36;
	line-height: 34px;
	color: #fff;
	font-size: 14px;
}
.addselector .c {
	min-width: 180px;
	height: 290px;
	padding: 10px;
	border:1px solid #dedede;
	border-top: none;
	box-shadow: 0px 9px 32px 0px rgba(199, 212, 216, 0.64);
}
.addselector ul {
	float: left;
	margin-right: 10px;
	min-width: 160px;
	max-width: 190px;
	height: 210px;
	border:1px solid #ccc;
	overflow-y: auto;
}
.addselector ul:last-child {
	margin-right: 0;
}
.addselector ul li {
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.addselector ul li:hover {
	background-color: #efefef;
}
.addselector ul li.active {
	background-color: #0064C1;
	color: #fff;
}
.addselector .i {
	position: absolute;
	padding: 0 10px;
	width: 100%;
	bottom: 0;
	left: 0;
	clear: both;
	height: 70px;
	line-height: 30px;
	font-size: 14px;
	color: #2B2B2B;
}
.addselector .i strong {
	font-weight: 400;
	font-size: 14px;
	color: #666;
}
.addselector .i .d span {
	margin: 0 5px;
}
.addselector .t .cls {
	position: absolute;
	top: 7px;
	right: 10px;
	font-size: 12px;
	width: 20px;
	height: 20px;
	line-height: 24px;
	text-align: center;
	border-radius: 2px;
}
.addselector .t .cls:hover {
	background-color: #f60;
}
.addselector .btn {
	margin: 0 0 0 5px;
	height: 30px;
	line-height: 22px;
	font-size: 14px;
	padding: 0 10px;
}
.addselector .vtext {
	height: 30px;
	line-height: 30px;
}
.imguploader {
	display: table;
	margin: 0 auto;
	background-color: #fff;
	overflow: hidden;
	min-width: 500px;
}
.imguploader.video {
	width: 800px;
	height: 480px;
}
.imguploader .t {
	position: relative;
	padding: 0 15px;
	height: 34px;
	background-color: #1c2b36;
	line-height: 34px;
	color: #fff;
	font-size: 14px;
	text-align: left;
}
.imguploader .t .cls {
	position: absolute;
	top: 7px;
	right: 10px;
	font-size: 12px;
	width: 20px;
	height: 20px;
	line-height: 24px;
	text-align: center;
	border-radius: 2px;
	cursor: pointer;
}
.imguploader .t .cls:hover {
	background-color: #f60;
}
.imguploader .c {
	line-height: 0;
}
.imguploader .c iframe {
	width: 100%;
	height: 100%;
}
.selectorbox {
	display: inline;
	vertical-align: middle;
	font-size: 0;
	margin-bottom: -10px;
}
.selectorbox li {
	display: inline-block;
	padding: 0 0 0 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 40px;
	line-height: 40px;
	background-color: #edf1f2;
	color: #42535d;
	font-size: 16px;
	border-radius: 2px;
	max-width: 100%;
}
.selectorbox li span {
	display: inline-block;
	max-width: 70%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.selectorbox li i {
	display: block;
	margin: 8px 15px 8px 0;
	float: left;
	width: 24px;
	height: 24px;
	border-radius:50%;
	overflow: hidden;
	line-height: 24px;
	text-align: center;
	font-style: normal;
	color: #fff;
	background: no-repeat center center;
	background-color: #fb3c41/*#7A7A7A*/;
	background-size: cover;
}
.selectorbox li.male i {
	background-color: #34b9f4;
}
.selectorbox li.female i {
	background-color: #ef444a;
}
.selectorbox li em {
	display: block;
	margin-top: 8px;
	margin-right: 8px;
	margin-left: 10px;
	float: right;
	width: 24px;
	height: 24px;
	font-family: "iconfont-guangming";
	text-align: center;
	line-height: 28px;
	cursor: pointer;
	border-radius: 50%;
}
.selectorbox li em:after {
	content: "\e6e9";
}
.selectorbox li em:hover {
	background-color: #f60;
	color: #fff;
}
.selectorbox.disabled li span{
	color: #aaa;
}
.selectorbox.disabled li em {
	color: #ccc;
	pointer-events: none;
}
.selectbox {
	position: relative;
	display: inline-block;
	margin-bottom: -10px;
	vertical-align: top;
}
.selector {
	position: relative;
	display: inline-block;
	padding: 6px 4px;
	margin-bottom: 10px;
	width: 144px;
	height: 40px;
	line-height: 26px;
	color: #747474;
	font-size: 14px;
	border:1px solid #fff;
	cursor: pointer;
	border-radius: 2px;
	vertical-align: top;
}
.selector .iconfont {
	display: block;
	margin-right: 10px;
	float: left;
	width: 26px;
	height: 26px;
	background-color: #f37751;
	border-radius: 50%;
	text-align: center;
	line-height: 29px;
	color: #fff;
	font-size: 14px;
}
.selectbox.disabled {
	pointer-events: none;
}
.selectbox.disabled .iconfont{
	background-color: #ccc;
}
.selectbox.disabled span {
	color: #aaa;
}
.selector:hover {
	border:1px solid #D1D1D1;
}
.selectlist {
	display: none;
	position: absolute;
	left: -1px;
	top: -1px;
	width:206px;
	border-width: 1px;
	border-color: #dee5e7;
	border-style: solid;
	background-color: #ffffff;
	z-index: 1000;
}
.selectlist.bottom {
	top: auto;
	bottom: 0;
}
.selectitems li {
	padding: 0 15px;
	height: 36px;
	line-height: 36px;
	color: #4f4f4f;
	font-size: 16px;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.selectitems li i {
	display: block;
	margin: 8px 15px 8px 0;
	float: left;
	width: 20px;
	height: 20px;
	border-radius:50%;
	overflow: hidden;
	line-height: 20px;
	text-align: center;
	font-style: normal;
	color: #fff;
	background: no-repeat center center;
	background-color: #fb3c41;
	background-size: cover;
	font-size: 12px;
}
.selectitems li.male i {
	background-color: #34b9f4;
}
.selectitems li.female i {
	background-color: #ef444a;
}
.selectitems li.active {
	background-color: #C8E2F5;
}
.selectitems li.disabled {
	opacity: .3;
	background-color: #fff;
}
.selectitems .error,
.selectitems .nodata {
	padding: 0 15px;
	height: 36px;
	line-height: 36px;
	color: #E32326;
	font-size: 16px;
}
.selectipt {
	height: 34px;
	border-bottom: 1px solid #dee5e7;
}
.selectipt:after {
	font-family: "iconfont-guangming";
	content: "\e741";
	display: block;
	position: absolute;
	width: 34px;
	height: 33px;
	line-height: 34px;
	right: 0;
	top: 0;
	text-align: center;
	background-color: #edf1f2;
	font-size: 20px;
	color:#bfc5cb;
}
.selectipt input {
	padding: 0 10px;
	width: 100%;
	height: 32px;
	font-size: 14px;
}
.selectlist button {
	position: absolute;
	cursor: pointer;
	margin-left: -1px;
	margin-right: -1px;
	width: 206px;
	height: 36px;
	background-color: #fb3c41;
	color: #fff;
	font-size: 16px;
}
.selectlist button:hover {
	background-color: #F01C22;
}
.selectitems {
	max-height: 288px;
	overflow-y: auto;
}

.upimg {
	position: relative;
	width: 340px;
	height: 180px;
	border:1px solid #dedede;
	font-family: "iconfont-guangming";
	text-align: center;
	color: #A6A6A6;
	cursor: pointer;
}
.upartyimg{
	/* width: 188px;
	height: 188px; */
	width: 225px;
	height: 125px;
}
.upsysimg{
	width: 130px;
	height: 160px;
}
.dxicon{
	width: 34px;
	height: 34px;
}
.redflag{
	width: 230px;
	height: 208px;
}
.small-icon,
.sicon-img img{
	width: 50px;
	height: 50px;
}
.videobox {
	position: relative;
	width: 340px;
	height: 180px;
	background: url(../img/videodefault.png) no-repeat center center;
	background-size: cover;
}
.videobox span,
.upimg span{
	font-family: "iconfont-guangming";
	cursor: pointer;
}
.upimg span.up,
.upimg span.del,
.videobox span.up,
.videobox span.del {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	/* line-height: 180px; */
	line-height: 125px;
	background-color: rgba(0,0,0,.2);
	font-size: 60px;
	color: #fff;
}
.small-icon span.up,
.small-icon span.del{
	font-size: 14px;
	line-height: 50px;
}
.videobox span.progress,
.videobox span.process{
	display: none;
}
.upimg span.up:after,
.videobox span.up:after{
	content: "\e611";
}
.upimg span.del:after,
.videobox span.del:after {
	content: "\e626";
}
.upimg.active span.up:after, 
.videobox.active span.up:after {
	width: 50%;
}
.upimg:hover span.up,
.videobox:hover span.up {
	border-right: 1px solid #fff;
}
.upimg:hover span.up,
.upimg.active:hover span.del,
.videobox:hover span.up,
.videobox.active:hover span.del {
	display: block;
}
.upimg.active:hover span.up,
.videobox.active:hover span.up {
	width: 50%;
	left: 0;
}
.videobox.active:hover span.up:after {
	content: "\e60d";
	font-size: 80px;
}
.upimg.active:hover span.del,
.videobox.active:hover span.del {
	width: 50%;
	left: auto;
	right: 0;
}
.upimg span.up:hover,
.videobox span.up:hover,
.upimg span.del:hover,
.videobox span.del:hover {
	background-color: rgba(0,0,0,.4);
}
/*.small-icon:hover span.up:after{
	content: "";
}*/
.upimg .img,
.upimg img,
.upimg div{
	width: 100%;
	height: 100%;
}
.upimg .imgbox {
	width: 100%;
	height: 100%;
	background: url(../img/avatar.png) no-repeat center center;
	background-size: cover;
}
/*进度*/
.videobox.loading span.progress {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	font-family: "microsoft yahei";
}
.videobox.loading span.progress i {
	font-style: normal;
	color: #fff;
	display: block;
	margin-top: 120px;
}
.videobox.loading span.up,
.videobox.loading span.del,
.videobox.loading span.process {
	display: none;
}
/*处理*/
.videobox.ing span.process { 
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	font-family: "microsoft yahei";
	line-height: 270px;
	text-align: center;
	background-color: #cfcfcf;
	color: #fff;
}
.videobox.ing span.process:after {
	content: "视频处理中，暂无截图";
	display: block;
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	line-height: 20px;
}
.videobox.ing span.process i {
	width: 80px;
	height: 74px;
	line-height: 80px;
	display: block;
	margin: 30px auto 30px;
	animation: rotate 2s infinite linear;
	-webkit-animation: rotate 2s infinite linear;
	text-align: left;
	opacity: .5;
}
.videobox.ing span.process i:after {
	content: "\ed58";
	font-family: "iconfont-guangming";
	font-style: normal;
	font-size: 80px;
}
@-webkit-keyframes rotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(-360deg)
	}
}
@keyframes rotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(-360deg)
	}
}
.videobox.ing span.up,
.videobox.ing span.del,
.videobox.ing span.progress {
	display: none;
}
.videobox.loading span.progress span {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	height: 4px;
	background-color: #00681D;
}
/*图标选择器*/
.selector_pop{
	display: inline-block;
	min-width: 100px;
	height: 34px;
	border: 1px solid #c2cad8;
	background-color: #fff;
}
.selector_pop i{
	display: block;
	margin-top: 8px;
}
.selector_pop .selected{
	display: block;
	min-width: 60px;
	height:32px;
	float: left;
	text-align: center;
}
.icon_selector .selector_button{
	width: 39px;
	height: 32px;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
}
.categorycode{
	margin-right: 5px;
	margin-left: 5px;
}
.subjectCategory{
	width: 260px;
}
.fullFrame {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(0,0,0,.5);
}
/**
 *	外部框架主页面 css
 *	创建时间：2018年6月22日 09:33:20;
 */
aside {
	position: relative;
	float: left;
	width: 185px;
	height: 100vh;
	min-height: 700px;
	background-color: #1c2b36;
	box-shadow: 0px 9px 32px 0px rgba(199, 212, 216, 0.64);
	z-index: 6;
}
header {
	position: relative;
	height: 55px;
	background-color: #fff;
	box-shadow: 0px 0px 32px 0px rgba(175, 194, 199, 0.41);
	z-index: 5;
}
.subs {
	position: relative;
	width: 135px;
	height: 200px;
	float: left;
	background-color: #fff;
	z-index: 1;
}
header .fl {
	height: 54px;
	line-height: 54px;
}
header .fl .shrink {
	display: block;
	float: left;
	width: 40px;
	height: 54px;
	text-align: center;
	font-size: 16px;
	color: #363f44;
	cursor: pointer;
}
header .fl .shrink:hover {
	color: crimson;
}
header .fl .shrink i {
	font-size: 30px;
}
.tmenu {
	float: left;
	height: 54px;
	line-height: 49px;
	padding: 0 15px;
	color: #42535d;
	font-size: 14px;
	cursor: pointer;
}
.tmenu:hover {
	background-color: #f6f8f8;
}
.ticon {
	position: relative;
	float: left;
	margin: 0 10px;
	line-height: 53px;
	color: #afafaf;
	cursor: pointer;
}
.ticon:hover {
	color: crimson;
}
.ticon i {
	font-size: 24px;
}
.ticon em {
	position: absolute;
	display: block;
	padding: 0 5px;
	top: 8px;
	left: 10px;
	height: 16px;
	border-radius: 8px;
	border-width: 2px;
	border-color: #fff;
	border-style: solid;
	background-color: #ffb51c;
	font-size: 12px;
	line-height: 12px;
	font-style: normal;
	color: #fff;
}
.ticon em.hide{
	display: none;
}
.ticon.help{
	margin-right:40px;
}
.top-header-login-name {
	float: left;
	line-height: 53px;
	color: #5f6e76;
}
.sy_menu {
	position: relative;
}
.sy_menu .iconfont {
	font-size: 12px;
	margin-left: 5px;
	vertical-align: middle;
}
.sy_menu .sub {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	border: 1px solid #dee5e7;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: #fff;
	z-index: 1;
}
.sy_menu:hover .sub {
	display: block;
}
.sy_menu .sub a {
	display: block;
	padding: 0 5px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #363f44;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sy_menu .sub a:hover {
	background-color: #f6f8f8;
}
.sy_menu .sub .line {
	display: block;
	height: 1px;
	border-bottom: 1px solid #efefef;
}
.right_con {
	height: calc(100% - 55px);
	margin-top: 0;
	padding:0 20px;
	overflow-x: hidden;
}
.right_con .card{
	margin-top: 15px;
	margin-bottom: 15px;
}
.box {
	min-width: 1000px;
	z-index: 99;
}
.box iframe {
	width: 100%;
	height: 100%;
}
.waiting {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
}
.waiting .spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	width: 60px;
	height: 60px;
}
 .waiting .double-bounce1, .waiting .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #44a62f;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2.0s infinite ease-in-out;
	animation: bounce 2.0s infinite ease-in-out;
}
.waiting .double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
	background-color: #eb4549;
}
.left_top {
	height: 54px;
	border-bottom: 1px solid #131e26;
}
.left_top .logo {
	float: left;
	width: 40px;
	height: 54px;
	text-align: center;
	padding-top: 7px;
}
.left_top .org {
	position: relative;
	float: left;
	padding: 0 15px;
	width:145px;
	height: 54px;
	line-height: 54px;
	color: #869faf;
	font-size: 14px;
	cursor: pointer;
}
.left_top .org span{
	float: left;
	display: inline-block;
	max-width: 99px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.org_list{
	position: absolute;
	left: 0;
	top: 100%;
	display: none;
	width: auto;
	min-width: 140px;
	max-height:550px;
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid #dee5e7;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: #fff;
	z-index: 10;
}
.org_list a{
	display: block;
	padding: 0 5px 0 15px;
	height: 36px;
	line-height: 36px;
	text-align: left;
	color: #363f44;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.org_list a:hover,.org_list a.checked {
	background-color: #f6f8f8;
}
.left_header {
	padding-top: 8px;
	height: 155px;
}
.left_header .head {
	width: 70px;
	height: 70px;
	margin-right: auto;
	margin-left:auto;
	background: no-repeat center center;
	background-size: cover;
	border: 2px solid #131e26;
	border-radius: 50%;
	overflow: hidden;
}
aside.open .head {
	line-height: 40px;
	font-size: 18px;
}
.left_header .head img {
	width: 100%;
	height: 100%;
}
.head_wrap{
	position: relative;
	margin: 0 auto;
	cursor: pointer;
}
.left_header .name {
	margin-top: 10px;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.medals {
	padding: 5px 0;
	height: 20px;
	text-align: center;
	font-size: 16px;
}
.medals i {
	font-size: 16px;
}
.medals i.part {
	color: #ff253f;
}
.medals i.flage {
	color: #ff6f21;
}
.menu_groups {
	position: absolute;
	/* top: 210px; */
	top: 54px;
	/* height: calc(100vh - 210px); */
	padding-bottom: 20px;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-y: auto;
}
.menu_groups a {
	display: block;
	margin-bottom: 1px;
	padding-left: 40px;
	height: 53px;
	line-height: 53px;
	color: #869faf;
	font-size: 14px
}
.menu_groups a:hover {
	background-color: #131e26;
}
.menu_groups a i {
	width: 14px;
	font-size: 18px;
	margin-right: 10px;
	vertical-align: middle;
}
.menu_groups a.active {
	position: relative;
	color: #fff;
	background-color: #131e26;
}
.menu_groups a.active:before {
	position: absolute;
	left: 0;
	display: block;
	content: "";
	width: 3px;
	height: 100%;
	background-color: #ff001e;
}
.menu_groups a.active i {
	color: #ff001e;
}
aside.open .org,
aside.open .name,
aside.open .medals{
	display: none;
}
aside.open .menu_groups span {
	display: none;
}
aside nav {
	color: #3b596c;
	font-size:14px;
	border-top: 1px solid #131e26;
}
.subform {
	border:1px solid #dedede;
	background-color: #efefef;
}
.subform .label {
	width: 80px !important;
}
@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
@keyframes bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*
动画
*/
@-webkit-keyframes ball-spin-fade-loader {
 50% {
 opacity: 0.3;
 -webkit-transform: scale(0.4);
 transform: scale(0.4);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes ball-spin-fade-loader {
 50% {
 opacity: 0.3;
 -webkit-transform: scale(0.4);
 transform: scale(0.4);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes toast {
	 0% {
		 transform: translateY(-30px);
		 opacity: 0;
	 }
	 60% {
		 transform: translateY(10px);
		 opacity: 1;
	 }
	 100% {
		 transform: translateY(0);
		 opacity: 1;
	 }
 }
.ball-spin-fade-loader {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -10px;
}
.ball-spin-fade-loader > div:nth-child(1) {
	top: 25px;
	left: 0;
	-webkit-animation: ball-spin-fade-loader 1.2s 0s infinite linear;
	animation: ball-spin-fade-loader 1.2s 0s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(2) {
	top: 17.04545px;
	left: 17.04545px;
	-webkit-animation: ball-spin-fade-loader 1.2s 0.12s infinite linear;
	animation: ball-spin-fade-loader 1.2s 0.12s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(3) {
	top: 0;
	left: 25px;
	-webkit-animation: ball-spin-fade-loader 1.2s 0.24s infinite linear;
	animation: ball-spin-fade-loader 1.2s 0.24s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(4) {
	top: -17.04545px;
	left: 17.04545px;
	-webkit-animation: ball-spin-fade-loader 1.2s 0.36s infinite linear;
	animation: ball-spin-fade-loader 1.2s 0.36s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(5) {
	top: -25px;
	left: 0;
	-webkit-animation: ball-spin-fade-loader 1.2s 0.48s infinite linear;
	animation: ball-spin-fade-loader 1.2s 0.48s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(6) {
	top: -17.04545px;
	left: -17.04545px;
	-webkit-animation: ball-spin-fade-loader 1.2s 0.6s infinite linear;
	animation: ball-spin-fade-loader 1.2s 0.6s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(7) {
	top: 0;
	left: -25px;
	-webkit-animation: ball-spin-fade-loader 1.2s 0.72s infinite linear;
	animation: ball-spin-fade-loader 1.2s 0.72s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(8) {
	top: 17.04545px;
	left: -17.04545px;
	-webkit-animation: ball-spin-fade-loader 1.2s 0.84s infinite linear;
	animation: ball-spin-fade-loader 1.2s 0.84s infinite linear;
}
.ball-spin-fade-loader > div {
	background-color: #fff;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
}

/*左边菜单*/
.left_menu {
	position: relative;
	left: 0;
	top: 10px;
	float: left;
	/* padding-top: 10px; */
	width: 135px;
	min-height: 100vh;
	background-color: #fff;
}
.left_menu dd {
	display: none;
}
.left_menu dt.active + dd {
	display: block;
}
.left_menu dt a {
	display: block;
	padding-left: 13px;
	height: 42px;
	line-height: 42px;
	color: #42535d;
	font-size: 14px;
}
.left_menu dt a span {
	position: relative;
	display: block;
	float: left;
	margin-top: 18px;
	height: 14px;
	line-height: 14px;
	padding-right: 15px;
	overflow: hidden;
}
.left_menu dt a:hover {
	background-color: #f0f3f4;
}
.left_menu dt.active a {
	color: #e0041f;
}
.left_menu dt a span:after {
	position: absolute;
	right: -2px;
	bottom: -2px;
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	background-color: #363f44;
	transform: rotate(45deg)
}
.left_menu dd a {
	display: block;
	padding-left: 22px;
	height: 40px;
	line-height: 40px;
	color: #73858e;
	font-size: 14px;
}
.left_menu dd a.active {
	background-color: #f0f3f4;
	border-right: 4px solid #ff001e;
	color: #e0041f;
}
.left_menu dd a:hover {
	background-color: #f0f3f4;
}
.card {
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0px 1px 1px 0px #dee5e7;
	min-height: 40px;
    position: relative;
}
.card.mt15{
	min-height:auto;
}
.card .title {
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #dee5e7;
}
.card .title span {
	float: left;
	color: #5f6e76;
	font-size: 16px;
}
.card .title em {
	font-style: normal;
	color: #ff001e;
	font-size: 16px;
	margin-left: 5px;
}
.card .title em.normal{
	font-style: normal;
	color: #5f6e76;
}
.card .title .chk {
	color: #747474;
	font-size: 12px;
}
.card .title .cfr {
	float: right;
	height: 40px;
}
.card .cfr a {
	margin: 0 5px;
	color: #fb3c41;
	font-size: 14px;
	text-decoration: underline;
}
.card .cfr a:hover {
	color: #f60;
}
.card .tico {
	float: left;
	margin:0 10px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
a[goto]{
	cursor: pointer;
}
.card .tico:hover i {
	opacity: .8;
}
.card .tico:last-child {
	margin-right: 0;
}
.card .tico .iconfont {
	font-size: 16px;
}
.card .tico.full .iconfont {
	color: #fb3c41;
	font-weight: 800;
}
.card .tico.exclama .iconfont {
	color: #fb8319;
}
.icon_list {
	padding: 20px 10px 0 30px;
}
.icon_list a {
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-top: 25px;
	width: 135px;
	height: 135px;
	text-align: center;
	border-radius: 4px;
}
.icon_list a:hover {
	opacity: .8;
}
.icon_list a i {
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 48px;
	color: #fff;
}
.icon_list a span {
	display: block;
	color: #fff;
	font-size: 16px;
}
.search {
	padding: 34px 20px 0 20px;
	min-height: 95px;
}
.infosearch{
	padding-top: 0px;
	min-height:60px;
}
.org-selector,.column-oper {
	display: inline-block;
	margin-right: 10px;
	color: #fb3c41;
	text-decoration: underline;
}
.org-selector:before,.column-oper:before {
	content: "\e685";
	display: inline-block;
	margin-right: 5px;
	font-size: 22px;
	font-family: "iconfont-guangming";
	vertical-align: middle;
}
.tabs {
	position: relative;
	padding: 25px 20px 15px;
}
.tabs:after {
	content: "";
	display: block;
	clear: both;
}
.tabs ul {
	margin-right: 70px;
}
.tabs li {
	float: left;
	margin: 0 8px 8px;
	padding: 0 15px;
	height: 30px;
	border-radius: 14px;
	background-color: #e7eef0;
	line-height: 30px;
	color: #363f44;
	font-size: 12px;
	cursor: pointer;
}
.tabs li:hover {
	background-color: #D5D5D5;
}
.tabs li.active {
	background-color: #eb4549;
	color: #fff;
}
.ctrl {
	position: absolute;
	top: 24px;
	right: 20px;
	width: 70px;
	height: 24px;
	border:1px solid #eb4549;
	border-radius: 13px;
	overflow: hidden;
}
.ctrl div {
	float: left;
	width: 35px;
	height: 22px;
	margin-right: -1px;
	border-right: 1px solid #eb4549;
	font-family: "iconfont-guangming";
	text-align: center;
	line-height: 25.5px;
	font-size: 24px;
	color: #eb4549;
	cursor: pointer;
}
.ctrl div.prev:after {
	content: "\e617"
}
.ctrl div.next {
	border: 0;
}
.ctrl div.next:after {
	content: "\e616"
}
.ctrl div:hover {
	background-color: #eb4549;
	color: #fff;
}
.infoBox {
	position: relative;
}
.infoBox .sub,
.layerBox .sub{
	padding: 15px 20px;
	height: 50px;
	line-height: 50px;
	background-color: rgba(232, 243, 247, 0.39);
}
.infoBox .sub span {
	display: block;
	padding: 0 10px;
	float: left;
	height: 20px;
	line-height: 20px;
	border-left: 4px solid #ee2235;
	color: #eb4549;
	font-size: 16px;
}
.infoBox .sub:hover {
	background-color: rgba(208,225,232,0.39);
}
.infoBox .sub.nobg,
.infoBox .sub.nobg:hover{
	background-color: transparent;
}
.sub-text{
	color:#000;
	font-style: normal;
	padding-left: 10px;
}
.infoBox .sub .r_toggle {
	margin-top: -15px;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
	font-size: 14px;
	color: #afafaf;
	font-family: "iconfont-guangming";
	text-align: right;
}
.infoBox .sub .r_toggle:hover {
	color: #f60;
}
.btnBox {
	position: fixed;
	padding: 13px 30px;
	bottom: 0;
	left: 12px;
	right: 30px;
	height: auto;
	margin-top: 60px;
	min-height:60px;
	background-color: #fff;
	box-shadow: 0px -7px 27px 0px rgba(142, 139, 139, 0.15);
	z-index: 1000;
}
.btnBox:after,
.btnBox:before {
	display: block;
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-right:8px solid  transparent;
	border-bottom:8px solid #cbd5d7;
	z-index: -1;
	top: -8px;
	right: -1px;
}
.btnBox:before {
	left: -1px;
	transform: rotateY(180deg)
}
.left_menu + .right_con .btnBox {
	left: 333px;
	min-width: 917px;
}
.box .form,
.box .info {
	padding: 10px 20px;
}
.btnBox + .content {
	padding-bottom: 40px;
}
.btnBox .form{
	padding-top: 0;
	padding-bottom: 0;
}
.form .label,
.info .label{
	float: left;
	width: 135px;
	height: 34px;
	line-height: 34px;
	text-align: right;
	color: #747474;
	font-size: 14px;
}
.label.more{
	height: auto;
 	line-height:18px;

 }
.label.more span{
	margin-top: -1px;
	display: block;
	line-height:18px;
}
.form .label.wa,
.info .label.wa{
	width: auto;
}
.form .label em,
.info .label em  {
	font-style: normal;
	margin-right: 10px;
	color: #ff001e;
	font-size: 16px;
	vertical-align: middle;
}
.form .view,
.info .view{
	width: 100%;
	min-height: 34px;
	font-size: 13.333px;
	color: #42535d;
	line-height: 34px;
	word-break:break-all;
}
.form .view .text p img,
.info .view .text p img{
	max-width: 100%;
}
.info .text img{
	display: block;
	max-width: 100%;
	margin-bottom: 10px;
}
.blue.view{
	color:blue;
}
.block{
	display:block;
}
.form .valid {
	height: 34px;
	line-height: 34px;
	color: #fb3c41;
	font-size: 14px;
	pointer-events: none;
}
.form .valid i {
	font-size: 24px;
	color: #5FB870;
}
.form .valid span {
	color: #747474;
}
.form .valid em {
	font-style: normal;
}
.form .row {
	margin: 18px 0;
}
.info {
	padding-bottom: 10px;
}
.info .label {
	color: #747474;
}
.info .row {
	margin: 5px 0;
}
.info .text,
.form .text{
	padding: 5px 0;
	min-height: 24px;
	line-height: 24px;
	color: #42535d;
	font-size: 14px;
	word-break:break-all;
}
.info .mark{
	color: #009e0f;
}
.info .mark em{
	padding-left: 4px;
}
.form .uploader{
	float: left;
	margin-right: -18px;
}
.form .uppicker,
.form .img {
	float: left;
	margin-right: 18px;
	margin-bottom: 18px;
	width: 158px;
	height: 88px;
	border-radius: 2px;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	background-color: #f3f6f8;
}
.form .uppicker {
	background-color: aquamarine;
}
/*验证提示*/
.row .error .valid {
    color: #f00;
}
.row .active .ipt,
.vinline.active .ipt,
.row .active .txa,
.vinline.active .txa{
    border:1px solid #32bc61;
}
.row .active+.valid,
.row .active+.view+.valid,
.tip+.valid,
.vinline.active .valid,
.vinline.tip .valid{
    color: #32bc61;
}
.row .error .ipt,
.vinline.error .ipt,
.row .error .txa,
.vinline.error .txa{
    border:1px solid #f00;
}
.row .valid span{
    display: none;
}
.vinline.success .valid span,
.row .success+.valid span {
    display: block!important;
}
/*图片/视频/附件上传*/
.simple-uploader,.form .simple-uploader{
	margin-top: -18px;
	overflow: hidden;
}
.simple-uploader.mt10{
	margin-top: 10px;
}
.file-list{
	float: left;
}
.file-item{
	position: relative;
	float: left;
	width: 160px;
	height: 90px;
	margin-top: 18px;
	margin-right: 18px;
	background-repeat: no-repeat !important;
	border:1px solid #ccc;
}
.material-list .file-item{
	margin-top: 18px;
	margin-bottom: 18px;
	cursor:default
}
.material-list .annex-item{
	margin-bottom: 0;
}
.file-item video{
	width: 100%;
	height:100%;
}
.video-mark{
	position: absolute;
	top:0;
	left:0;
	z-index:100;
	width: 100%;
	height:100%;
	background:rgba(0,0,0,.45) url(../../img/cancel/palyVedio.png) no-repeat center center;
}
.row .text .file-item{
	margin-top:0;
}
.file-item img{
	width: 158px;
	height: 88px;
}
.file-item .state{
	position: absolute;
	bottom:18px;
	left:0;
	width: 100%;
	height: 16px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 16px;
	color: #000;
}
.file-item .info{
	display: none;
	word-break: break-all;
	word-wrap: break-word;
}
.file-item  .error{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 158px;
	font-size: 14px;
	color: red;
	text-align: center;
	background-color: rgba(56,56,56,.44);
}
.file-item .cancel{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
	width: 158px;
	height: 88px;
	line-height: 90px;
	text-align: center;
	background-color: rgba(56,56,56,.44);
	cursor:pointer;
}
.file-item .cancel .icon-shanchu1{
	font-size: 20px;
	color: #fff;
}
.file-item:hover .cancel{
	display: block;
}
.file-item .success{
	position: absolute;
	right: 0;
	bottom: 0;
	display: none;
	width: 40px;
	height: 40px;
	z-index: 10;
	background: url(../img/success.png) no-repeat;
}
.upload-state-done .success{
	display: block;
}
.file-item  .progress {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 20;
    width: 100%;
    height: 16px;
    color: #6dbfff;
    line-height: 16px;
	text-align: center;
    background-color: #fff;
    border: 1px solid #1483d8;
    border-radius: 8px;
}
.file-item .progress-bar{
    position: absolute;
    top: -1px;
    left: 0;
    width: 156px;
    height: 16px;
    display: inline-block;
    text-align: center;
    color: #6dbfff;
    background: #1483d8;
    border-radius: 8px;
}
.file-item .text{
	position: relative;
	z-index: 21;
}
.simupload{
	float: left;
	width: 160px;
	height: 90px;
	margin-top: 18px;
	line-height: 90px;
	text-align: center;
	background-color: #f3f6f8;
	border:1px solid #ccc;
	overflow: hidden;
	cursor: pointer;
}
.simupload .webuploader-pick {
	width: 100%;
	padding: 0;
	background-color: transparent;
}
.simupload .icon-shangchuan{
	font-size: 21px;
	color: #afafaf;
}
/*附件上传样式*/
.simupload_file{
	margin-top: 0;
}
.simupload_file:before{
	position: absolute;
	left:0;
	margin-top: 4px;
	margin-right: 10px;
}
.file-list .simupload_file:nth-child(1){
	margin-top: 18px;
}
.mt10 .simupload_file:nth-child(1),.mt10 .annex-item:first-child{
	margin-top: 0;
}
.simupload_file .webuploader-pick{
	height: 34px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 35px;
	font-size: 14px;
	color:#606e77;
	line-height:34px;
	background-color:transparent!important;
}
.annex-item{
	float:none;
	width: auto;
	height:34px;
	margin-top:0px;
	padding-right: 50px;
	font-size: 14px;
	color: #747474;
	line-height: 34px;
	border:0;
	overflow: hidden;
}
.annex-item:first-child {
	margin-top: 18px;
}
.annex-item  .iconfont-guangming{
	float: left;
	margin-top: -2px;
	margin-left: -5px;
	font-size: 26px;
	color:#febb2a;
}
.annex-item .cancel{
	left: auto;
	right: 10px;
	display: block;
	width: auto;
	height:34px;
	line-height:34px;
	color:#eb4549;
	background-color:transparent!important;
}
.annex-item .cancel span{
	display: block;
	overflow: hidden;
	margin-top: 9px;
	height: 16px;
	line-height:16px;
	border-bottom: 1px solid #eb4549;
}
div[type="simple-uploader"] .info,.file-item .info{
	padding: 0;
}
.text .file-item.annex-item{
	margin-top: -5px;
}
.annex-item .info{
	float: left;
	display: block!important;
	max-width:500px!important;
	padding-bottom:0;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.annex-item .cancel{
	float: left;
	position: static!important;
	margin-left: 10px;
}
.text .annex-item .info,
.view .annex-item .info{
	max-width:100%!important;
}
.text .annex-item .info span,
.view .annex-item .info span{
	float: left;
	display: block;
	max-width:80%!important;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

/*laypop*/
.layui-layer.layui-layer-page{
	position: fixed!important;
}
.layerBox{
	position: static!important;
	background-color:#fff;
}
.layui-layer-page .layui-layer-content{
	overflow: hidden!important;
	min-width: auto;
	height: auto!important;
	max-height: 650px;
}
.layerBox .close-operate{
	margin-top: -15px;
}
.layerBox .close-operate i{
	font-size: 24px;
	color: #747474 !important;
	margin-top: -15px;
	cursor:pointer;
}
.layui-layer-content form{
	position: static!important;
}
.layerBox .layerhead{
	position:absolute!important;
	top:0;
	width:100%;
	padding: 15px 20px;
	height: 50px;
	line-height: 50px;
	background-color: rgba(232, 243, 247, 0.39);
}
.layerBox .layerhead span {
	display: block;
	padding: 0 10px;
	float: left;
	height: 20px;
	line-height: 20px;
	border-left: 4px solid #ee2235;
	color: #eb4549;
	font-size: 16px;
}
.layui-layer-content .layermain{
	position:relative!important;
	width:auto!important;
	max-height:540px;
	left:0;
	right:0;
	bottom:0;
	overflow: hidden;
	overflow-y: auto;
	box-sizing: border-box;
}
.layerfoot {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
    height: auto;
    padding: 13px 30px;
	margin-left:-15px;
	margin-right:-15px;
    background-color: #fff;
    box-shadow: 0px -7px 27px 0px rgba(142, 139, 139, 0.15);
    z-index: 1000;
}
.layui-layer-page .layui-layer-content{
	min-width: auto;
	height: auto!important;
	max-height: 650px;
	overflow: hidden;
}
@media screen and (max-height: 620px) {
	.layui-layer-page .layui-layer-content{
		max-height: 450px;
	}
	.layui-layer-content .layermain{
		max-height:340px;
	}
}
.layui-layer-content .layerhead+.layermain,
.layui-layer-content .layerhead+.layerfoot+.layermain{
	margin-top: 50px;
}
.layui-layer-content .layerfoot +.layermain{
	margin-bottom: 60px;
}
.edui-default+.jedatebox,
.layui-layer-move+.jedatebox,
.layui-layer-shade+.jedatebox,
.edui-default+.cover,
.layui-layer-move+.cover,
.layui-layer-shade+.cover,
.edui-default+.toastBox,
.layui-layer-move+.toastBox,
.layui-layer-shade+.toastBox,
.toastBox+.cover,
.cover+.toastBox{
	z-index:29891014!important;
}
.man,.woman,
.head.man,
.head.woman{
	background-color:#34b8ef;
	font-size: 26px;
	color:#fff;
	line-height:66px;
	text-align: center;
}
.man,.woman,
.head.man,
.head.woman{
	background-color:#34b8ef;
	font-size: 26px;
	color:#fff;
	line-height:66px;
	text-align: center;
}
.woman,.head.woman{
	background-color:#eb4549;
}
.portalicon{
	width: 180px;
	height: 180px;
}
/**-selector--**/
.selectort{
	width: auto;
	background-color: #fefefe;
	position: absolute;
	box-shadow: 0 1px 1px rgba(0,0,0,.04);
    border: 1px solid #E5E5E5;
	z-index: 10000;
	padding: 5px;
}
.selectort .selector_find{
	border: 1px solid #EDEDED;
	display: block;
	background-color: #fefefe;
	height: 40px;
	width: 434px;
	margin: 10px;
	position: relative;
	text-align: center;
}
.selectort .selected-icon{
	border: 1px solid #EDEDED;
	display: block;
	margin: 10px;
}
.selectort .selected-icon .l_box{
	display: inline-block;
    margin: 4px;
    width: 58px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    height: 40px;
	border: 1px solid #EFEFEF;
}
.selectort .selected-icon .l_box:hover{
	background-color: #f6f6f6;
}
.selectort .selected-icon .l_box i {
	font-size: 20px;
}
.myscore {
	font-family: "myscore";
	font-size: 70px;
}
/*禁止点击*/
.orgactdisabled {
    pointer-events: none;
    cursor: default;
}

.lm-expand {
	display: inline-flex;
	vertical-align: middle;
	width: calc(100% - 50px);
}
.i-expand, .i-zhankai {
	vertical-align: middle;
}
.i-expand:after {
	content: "\e69c";
	font-family: "iconfont-guangming";
    font-size: 18px;
    font-weight: 400;
}
.i-zhankai:after {
	content: "\e6bb";
	font-family: "iconfont-guangming";
    font-size: 18px;
    font-weight: 400;
}
.v-a-middle {
	vertical-align: middle;
}
.i-expand.vish{
	visibility:hidden;
}
.f16 {
	font-size: 16px;
}
.f18 {
	font-size: 18px;
}
.f20 {
	font-size: 20px;
}
.pr10 {
	padding-right: 10px;
}
.pr20 {
	padding-right: 20px;
}
.pl10 {
	padding-left: 10px;
}
.c_444 {
	color: #444;
}

/*权限树css*/
.permission-container {
	margin-top: 20px;
	padding: 5px;
	border: 1px #c2cad8 solid;
	min-width: 500px;
	max-width: 900px;
	max-height: 500px;
	color: #444;
	font-size: 14px;
}
.nodata {
	padding: 30px 0px 30px 25px;
	color: #999999;
}
.nodata p {
	padding-left: 50px;
}
.permission-container li {
	margin-left: 5px;
	padding: 5px 0;
	cursor: pointer;
}
.permission-container li:hover {
	color: #5fb870;
}
.permission-container li i {
	font-size: 16px;
}
.permission-container li i.icon-expand, .permission-container li i.icon-zhankai {
	padding-right: 5px;
	color: #444;
}
ul.child-list {
	margin-left: 20px;
}
li.choosed >i.half-chos {
	color: #FE8100;
}
.gather {
	position: absolute;
	left: -1000000px;
}
.pr20{
	padding-right: 20px;
}
.opennn {display: none;}
.hideee {visibility: hidden;}
li .icon-qiyong {color: #ccc;}
li.choosed >.icon-qiyong {color: #5fb870;}
.treeList li.hovered {color: red;}

.treeBox .orgTree::-webkit-scrollbar-track{background-color: #F5F5F5;}
.treeBox .orgTree::-webkit-scrollbar{width: 5px;height:5px;background-color: rgba(0, 0, 0, 0.34);}
.treeBox .orgTree::-webkit-scrollbar-thumb{background-color: #ccc;}

.treeBox .otree::-webkit-scrollbar-track{background-color: #F5F5F5;}
.treeBox .otree::-webkit-scrollbar{width: 5px;height:5px;background-color: rgba(0, 0, 0, 0.34);}
.treeBox .otree::-webkit-scrollbar-thumb{background-color: #ccc;}

.treeBox::-webkit-scrollbar-track{background-color: #F5F5F5;}
.treeBox::-webkit-scrollbar{width: 5px;height:5px;background-color: rgba(0, 0, 0, 0.34);}
.treeBox::-webkit-scrollbar-thumb{background-color: #ccc;}
/*.orgTree > .file i {display: none;}*/
.treeList li {color: #434343;font-size: 14px;margin: 5px 5px 5px 5px;cursor: pointer;}
.treeList i {font-size: 14px;}

/*进度条*/
.progress {
	position: relative;
	display: flex;
	height: 1rem;
	margin-top: 10px;
	margin-bottom: 25px;
	font-size: 16px;
	background-color: #e9ecef;
	border-radius: 10px;
}
.progress-bar {
	position: relative;
	display: flex;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #007bff;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem;
	border-radius: 10px;
	transition: width 0.6s ease;
	animation: animate-positive 2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress .progress-value{
	position: absolute;
	top: -32px;
	right: -16px;
	z-index: 99;
	display: block;
	padding: 3px 6px;
	font-size: 13px;
	color: #fff;
	border-radius: 4px;
	background-color: #007bff;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem;
}
.progress .progress-value:after{
	position: absolute;
	bottom: -6px;
	left: 26%;
	content: "";
	border-top: 10px solid #007bff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;;
}
.progress-warning,
.progress-warning .progress-value {
  background-color: #ffc107;
}
.progress-warning .progress-value:after{
	border-top-color: #ffc107
}
.progress-info,
.progress-info .progress-value{
  background-color: #17a2b8;
}
.progress-info .progress-value:after{
	border-top-color: #17a2b8
}
.progress-success,
.progress-success .progress-value{
 	background-color: #28a745;
}
.progress-success .progress-value:after{
	border-top-color: #28a745
}
.progress-bar.active{
  animation: reverse progress-bar-stripes .4s linear infinite, animate-positive 2s;
}
@-webkit-keyframes animate-positive{
  0% { width: 0; }
}
@keyframes animate-positive{
  0% { width: 0; }
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

/**
 * 图片宽高
 */
 .headPicRealUrlPath img {
	width: 150px;
	height: 150px;
}
.yyzz img {
	width: 150px;
	height: 250px;
}
.idbefore img, .idafter img {
	width: 200px;
	height: 100px;
}
/* 图片预览 */
.img-view-popup {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3000;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.34);
}
.img-view-popup .img-view {
	position: absolute;
	left: 50%;
	top: 50px;
	margin-left: -450px;
	overflow-y: auto;
	padding: 30px;
	width: 840px;
	max-height: 740px;
	background-color: #fff;
}
.img-view-popup .img-view img {
	display: block;
	margin: 0 auto;
	max-width: 700px;
}
.view-img {
	width: 160px;
	height: auto;
}
.view-img-long {
	width: 500px;
	height: auto;
}

.no_del_table th:first-child,
.no_del_table td:first-child {
	padding-left: 30px !important;
}

.view_page_half {
  overflow: hidden;
}
.view_page_half .row {
  float: left;
  width: 50%;
}